<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
	<script type="text/javascript" src="../jquery-1.8.3.js"></script>
	<script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
<title>layout案例</title>
</head>
<body class="easyui-layout">   
    <div data-options="region:'north',title:'north'" style="height:100px;"></div>   
    <div data-options="region:'south'" style="height:100px;"></div>   
    <div data-options="region:'east'"  style="width:100px;"></div>   
    <div data-options="region:'west',title:'west'"  style="width:200px;">
 		<div id="accordion" class="easyui-accordion" data-options="fit:true" style="width:300px;height:200px;">   
		    <div title="Title1" 
		    data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">   
		    </div>   
		    <div title="Title2" 
		    data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">   
		        content2    
		    </div>   
		    <div title="Title3">   
		        content3    
		    </div>   
		</div>
    </div>   
    <div data-options="region:'center'" style="padding:5px;background:#eee;"></div>   
</body> 
</html>